<template>
  <view class="current-status" v-if="text && text.trim()">
    <view class="section-title">目前指标概况</view>
    <text class="status-text">{{ text }}</text>
  </view>
</template>

<script>
export default {
  name: 'CurrentStatus',
  props: {
    text: { type: String, default: '' }
  }
}
</script>

<style scoped>
.section-title { 
  margin-top: 120rpx;
  padding: 20rpx 0;
  font-size: 32rpx;
  font-weight: bold;
  text-align: center;
  color: #333;
  background: linear-gradient(90deg, rgba(0,103,255,0.1) 0%, rgba(0,103,255,0.3) 50%, rgba(0,103,255,0.1) 100%);
  border-radius: 8rpx;
  margin-bottom: 10rpx;
}
.current-status { font-size: 30rpx; line-height: 54rpx; margin: 20rpx 0; }
.status-text { font-size: 28rpx; }
</style> 